<template>
	<div class="card">
		<div class="header">
			<li>
				<div>
					<img
						src="https://image.suning.cn/uimg/cms/img/149386338830969041.jpg"
						alt=""
					/>
				</div>
				<div class="two-text">
					<h3>正品保障</h3>
					<p>正品保障、提供发票</p>
				</div>
			</li>
			<li>
				<div>
					<img
						src="https://image.suning.cn/uimg/cms/img/149386339441846551.jpg"
						alt=""
					/>
				</div>
				<div class="two-text">
					<h3>急速物流</h3>
					<p>如约送货、送货入户</p>
				</div>
			</li>
			<li>
				<div>
					<img
						src="https://image.suning.cn/uimg/cms/img/149386340040069121.jpg"
						alt=""
					/>
				</div>
				<div class="two-text">
					<h3>售后无忧</h3>
					<p>30天包退、365天包换</p>
				</div>
			</li>
			<li>
				<div>
					<img
						src="https://image.suning.cn/uimg/cms/img/149386341371637387.jpg"
						alt=""
					/>
				</div>
				<div class="two-text">
					<h3>帮助中心</h3>
					<p>您的购物指南</p>
				</div>
			</li>
			<li>
				<div>
					<img
						class="img_last"
						src="https://image.suning.cn/uimg/cms/img/159609703272398060.png"
						alt=""
					/>
				</div>
				<div class="two-text">
					<h3>省心购</h3>
					<p>注好服务</p>
				</div>
			</li>
		</div>
		<div class="hr-line"><hr /></div>
		<div class="content">
			<li>
				<h3>购物指南</h3>
				<p>免费注册</p>
				<p>会员等级</p>
				<p>常见问题</p>
			</li>
			<li>
				<h3>支付方式</h3>
				<p>苏宁支付</p>
				<p>网银支付</p>
				<p>快捷支付</p>
				<p>货到付款</p>
				<p>任性付支付</p>
			</li>
			<li>
				<h3>物流配送</h3>
				<p>运费政策</p>
				<p>物流配送服务</p>
				<p>签收验货</p>
				<p>物流查询</p>
			</li>
			<li>
				<h3>售后服务</h3>
				<p>退换货政策</p>
				<p>贵就赔</p>
				<p>维修/安装</p>
				<p>退换货申请</p>
				<p>我的发票</p>
			</li>
			<li>
				<h3>商家服务</h3>
				<p>广告服务</p>
				<p>服务市场</p>
				<p>规则中心</p>
				<p>合作招商</p>
			</li>
			<li>
				<h3>身边苏宁</h3>
				<p>
					全国300多个城市,上万个门店和服务终端期待您的光临，为您提供贴心的服务！
				</p>
			</li>
		</div>
		<div></div>
		<div class="background-color">
			<div class="content-one">
				<li>苏宁互联</li>
				<li>苏宁金融</li>
				<li>苏宁支付</li>
				<li>PP视频</li>
				<li>苏宁物流</li>
				<li>零售云</li>
				<li>知识产权举报</li>
				<li>投资者关系</li>
				<li>苏宁智能</li>
				<li>苏宁易采云</li>
			</div>
			<div class="content-two">
				<li>联系我们</li>
				<li>诚聘英才</li>
				<li>合作招商</li>
				<li>广告平台</li>
				<li>苏宁联盟</li>
				<li>鹊桥联盟</li>
				<li>苏宁招标</li>
				<li>隐私政策</li>
				<li>用户体验提升计划</li>
				<li>股东会员认证</li>
			</div>

			<div class="tip-one">
				<li>Copyright© 2020-2022深圳市云网万店电子商务有限公司版权所有</li>
				<li>苏公网安备32010202010078号</li>
				<li>粤ICP备2021027996号</li>
			</div>
			<div class="tip-two">
				<li>江苏苏宁易购增值电信许可证</li>
				<li>出版物经营许可证新出发苏批字第A-243号</li>
				<li>互联网药品信息服务资格证书（苏）-非经营性-2021-0032</li>
			</div>
			<div class="tip-thire">
				<li>经营证照</li>
				<li>网络文化经营许可证:苏网文〔2018〕10580-203号</li>
				<li>互联网违法和不良信息举报邮箱：kfpt-yy@cnsuning.com</li>
				<li>举报电话:02566996699-865948</li>
			</div>
			<div class="tip-four">
				<li>
					医疗器械网络交易服务第三方平台备案凭证-（苏）网械平台备字（2018）第00052号
				</li>
				<li>变更公告</li>
				<li>云网万店营业执照</li>
				<li>合字B2-20210115</li>
			</div>
			<p class="text-show">网信算备440303176429902220013号</p>
			<p class="text-show">
				本网站直接或间接向消费者推销商品或者服务的商业宣传均属于“广告”（包装及参数、售后保障等商品信息除外）
			</p>

			<div class="content-footer">
				<li><img src="./footer-images/aria.png" alt="" /></li>
				<li><img src="./footer-images/unicom.png" alt="" /></li>
				<li><img src="./footer-images/dianxin.jpg" alt="" /></li>
				<li><img src="./footer-images/dianzizhizhao.png" alt="" /></li>
				<li><img src="./footer-images/netsafe1.png" alt="" /></li>
				<li><img src="./footer-images/netsafe2.png" alt="" /></li>

				<li><img src="./footer-images/netsafe3.png" alt="" /></li>
			</div>
		</div>
	</div>
</template>

<script>
export default {
	name: "ZFooter",
}
</script>

<style lang="less" scoped>
.card {
	background-color: #f5f5f5;
}
.background-color {
	background-color: #fff;
}
.header li {
	list-style: none;
	width: 170px;
	display: flex;
	justify-content: space-around;
}
.header {
	display: flex;
	justify-content: space-around;
	width: 1190px;
	margin: 0 auto;
}
.hr-line {
	margin-top: 50px;
	opacity: 0.3;
}

.two-text p {
	margin: 0;
	font-size: 12px;
}
.two-text h3 {
	margin: 0;
	font-size: 14px;
}
.img_last {
	width: 48px;
	height: 48px;
}
.content {
	display: flex;
	justify-content: space-around;
	margin: 0 auto;
	height: 150px;
	padding-bottom: 10px;
	width: 1190px;

	li {
		list-style: none;
		width: 100px;
		h3 {
			font-size: 14px;
			margin: 5px 0;
		}
		p {
			font-size: 12px;
			margin: 5px 0;
		}
	}
}

.content-one,
.content-two {
	display: flex;
	justify-content: space-around;
	width: 800px;
	margin: 0 auto;
	padding-bottom: 10px;
	:last-child {
		border: none;
	}
}

.content-one li,
.content-two li {
	list-style: none;
	font-size: 12px;
	padding-right: 10px;
	border-right: 2px black solid;
}
.tip-one {
	width: 700px;
	text-align: center;
	display: flex;
	justify-content: space-around;
	margin: 0 auto;
	padding-bottom: 10px;

	li {
		font-size: 12px;
		list-style: none;
	}
}
.tip-two {
	width: 700px;
	text-align: center;
	display: flex;
	justify-content: space-around;
	margin: 0 auto;
	padding-bottom: 10px;

	li {
		font-size: 12px;
		list-style: none;
	}
}
.tip-thire {
	width: 1000px;
	text-align: center;
	display: flex;
	justify-content: space-around;
	margin: 0 auto;
	padding-bottom: 10px;

	li {
		font-size: 13px;
		list-style: none;
	}
}
.tip-four {
	width: 800px;
	text-align: center;
	display: flex;
	justify-content: space-around;
	margin: 0 auto;
	padding-bottom: 10px;

	li {
		font-size: 13px;
		list-style: none;
	}
}
.text-show {
	margin: 0 auto;
	font-size: 12px;
	width: 800px;
	text-align: center;
	padding-bottom: 10px;
}
.content-footer {
	width: 650px;
	display: flex;
	justify-content: space-evenly;
	margin: 0 auto;
	padding-bottom: 10px;

	li {
		list-style: none;
		img {
			height: 25px;
		}
	}
}

</style>
